<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>暮云游商城-机票、酒店、旅游攻略</title>
    <meta name="Keywords" content="机票、酒店、旅游、签证、出国游行">
    <meta name="Description" content="暮云游商城有10多年的旅游经验，为您提供全方位旅游服务">
    <link rel="stylesheet" href="css/resert.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/css.css">
</head>

<body>
    <!-- 导航栏部分 -->
    <header class="site-header">
        <div class="topbar">
            <div class="center-wrap">
                <nav class="shortcut-links">
                    <ul>
                        <li>
                            <a href="#">目的地</a>
                        </li>
                        <li>
                            <a href="#">锦囊</a>
                        </li>
                        <li class="have-menu">
                            <a href="#">社区</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu community">
                                <ul class="menu-center">
                                    <li>旅游论坛</li>
                                    <li>旅游专栏</li>
                                    <li>旅游景点</li>
                                    <li>旅行问答</li>
                                    <li>旅行生活分享平台</li>
                                    <li>JNE旅行生活美学</li>
                                    <li>Biu伴(结伴同行)</li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">行程助手</a>
                        </li>
                        <li class="have-menu">
                            <a href="#">商城</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu shop">
                                <ul class="menu-center">
                                    <li>机酒自由行</li>
                                    <li>当地玩乐</li>
                                    <li>旅游景点</li>
                                    <li>吃喝玩乐</li>
                                    <li>保险</li>
                                    <li>签证</li>
                                    <li>组团游行</li>
                                    <li>旅行问答</li>
                                    <li>私人订制</li>
                                    <li>当地铁路</li>
                                </ul>
                            </div>
                        </li>
                        <li class="have-menu ">
                            <a href="#">酒店·民宿</a>
                            <em class="arrow">
                                <b></b>
                                <i></i>
                            </em>
                            <div class="menu hotel">
                                <ul class="menu-center">
                                    <li>酒店</li>
                                    <li>爱彼迎</li>
                                    <li>华人旅馆</li>

                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="#">特价酒店</a>
                        </li>
                    </ul>
                </nav>
                <div class="left-icon">
                    <a href="#" class="iconfont">&#xe62a;</a>
                    <a href="#" class="iconfont">|</a>
                    <a href="#" class="iconfont">&#xe604;</a>
                    <a href="#" class="iconfont">&#xe61a;</a>
                    <a href="#" class="iconfont">&#xe61b; </a>
                    <a href="#" class="iconfont1">登录 </a>
                    <a href="#" class="iconfont1">注册</a>
                </div>
            </div>
        </div>
        <nav class="main-nav">
            <div class="center-wrap">
                <ul>
                    <li class="have-menu">
                        <a href="#">机酒自由行</a>
                        <div class="common jijiuu">
                            <dl>
                                <dt>全部</dt>
                                <dd>
                                    <a href="#">自由行</a>
                                    <a href="#">优惠机票</a>
                                    <a href="#">酒店</a>
                                    <a href="#">游轮</a>
                                    <a href="#">定制游</a>
                                    <a href="#">马尔代夫</a>
                                    <a href="#">海岛游</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="#">优惠机票</a>
                    </li>
                    <li class="have-menu">
                        <a href="#">跟团游</a>
                        <div class="common gentuan">
                            <dl>
                                <dt>全部</dt>
                                <dd>
                                    <a href="#">跟团游</a>
                                    <a href="#">半自助游</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="#">酒店</a>
                    </li>
                    <li class="have-menu">
                        <a href="#">当地玩乐</a>
                        <div class="common play">
                            <dl>
                                <dt>全部</dt>
                                <dd>
                                    <a href="#">日游小团</a>
                                    <a href="#">深度体验</a>
                                    <a href="#">门票票卷</a>
                                    <a href="#">餐饮美食</a>
                                    <a href="#">WIFI电话卡</a>
                                    <a href="#">购物</a>
                                    <a href="#">交通卡</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="#">签证</a>
                    </li>
                    <li>
                        <a href="#">游轮</a>
                    </li>
                    <li>
                        <a href="#">河轮</a>
                    </li>
                    <li>
                        <a href="#">保险</a>
                    </li>
                    <li>
                        <a href="#">租车自驾</a>
                    </li>
                    <li class="have-menu">
                        <a href="#">深度旅游</a>
                        <div class="common travel">
                            <dl>
                                <dt>全部</dt>
                                <dd>
                                    <a href="#">日常游行</a>
                                    <a href="#">吃喝玩乐</a>
                                    <a href="#">旅游</a>
                                    <a href="#">定制游</a>
                                    <a href="#">马尔代夫</a>
                                    <a href="#">轮船</a>
                                    <a href="#">自由行</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li>
                        <a href="#">私人订制</a>
                    </li>
                </ul>
            </div>
        </nav>
        <!--  搜索框的主要内容  -->
        <div class="header-con">
            <div class="center-wrap">
                <div class="header-con">
                    <h3 class="title">慕云游商城</h3>
                    <div class="search">
                        <input type="text" placeholder="请查询目的地/机票/酒店" class="search-text">
                        <a href="#" class="button iconfont">&#xe604;</a>
                    </div>
                </div>

            </div>
        </div>

    </header>

    <!-- 版心部分 -->
    <section class="banner">
        <ul class="carousel_list" id="carousel_list">
            <li> <img src="images/banner1.jpg" alt=""></li>

        </ul>
        <div class="center-wrap">
            <a href="javascript:0;" id="left_btn" class="left-btn"></a>
            <a href="javascript:0;" id="right_btn" class="right-btn"></a>

            <nav class="banner-list" id="banner-nav">
                <ul id="banner-nav-ul">
                    <li class="hot" data-t="hot">
                        <dl>
                            <dt class="destnation">热门出发地</dt>
                            <dd class="description">
                                <em>北京</em>
                                <em>上海</em>
                                <em>广深</em>
                                <em>西南</em>
                                <em>国内其他</em>
                            </dd>
                        </dl>
                    </li>
                    <li class="abroad" data-t="jp">
                        <dl>
                            <dt class="destnation">港澳台 国内</dt>
                            <dd>
                                <em>香港</em>
                                <em>澳门</em>
                                <em>台湾</em>
                                <em>国内其他</em>
                            </dd>
                        </dl>
                    </li>
                    <li class="hg" data-t="as">
                        <dl>
                            <dt class="destnation">日本 韩国</dt>
                            <dd>
                                <em>东京</em>
                                <em>大阪</em>
                                <em>冲绳</em>
                                <em>北海道</em>
                                <em>福冈</em>
                            </dd>
                        </dl>
                    </li>
                    <li class="south" data-t="eu">
                        <dl>
                            <dt class="destnation">东南亚南亚</dt>
                            <dd>
                                <em>泰国</em>
                                <em>新加坡</em>
                                <em>印尼</em>
                                <em>马来西亚</em>
                                <em>越南</em>
                            </dd>
                        </dl>
                    </li>
                    <li class="om" data-t="au">
                        <dl>
                            <dt class="destnation">欧洲 美洲</dt>
                            <dd>
                                <em>英国</em>
                                <em>法国</em>
                                <em>美国</em>
                                <em>加拿大</em>
                            </dd>
                        </dl>
                    </li>
                    <li class="zd" data-t="hk">
                        <dl>
                            <dt class="destnation">澳新 中东非</dt>
                            <dd>
                                <em>澳大利亚</em>
                                <em>新西兰</em>
                                <em>迪拜</em>
                            </dd>
                        </dl>
                    </li>
                </ul>
                <div class="menu-box">
                    <div class="menu" data-t="hot">
                        <dl>
                            <dt class="title">港澳台</dt>
                            <dd>
                                <a href="">香港</a>
                                <a href="">澳门</a>
                                <a href="">台北</a>
                                <a href="">高雄</a>
                                <a href="">香港迪士尼</a>
                                <a href="">香港海洋公园</a>
                                <a href="">交通接驳</a>
                                <a href="">澳门</a>
                                <a href="">塔新濠天地水舞间</a>
                                <a href="">澳门豪华自助 台北101</a>
                                <a href="">台湾美食</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="title">国内热门城市</dt>
                            <dd>
                                <a href="">三亚</a>
                                <a href="">东北雪乡</a>
                                <a href="">大理</a>
                                <a href="">丽江</a>
                                <a href="">昆明</a>
                                <a href="">西双版纳</a>
                                <a href="">拉萨</a>
                                <a href="">成都</a>
                                <a href="">重庆</a>
                                <a href="">长白山</a>
                                <a href="">厦门</a>
                                <a href="">长沙</a>
                                <a href="">桂林北京</a>
                                <a href="">西安</a>
                                <a href="">敦煌</a>
                                <a href="">杭州</a>
                                <a href="">上海</a>
                                <a href="">无锡</a>
                                <a href="">南京</a>
                                <a href="">广州</a>
                                <a href="">黄山</a>
                                <a href="">莫干山</a>
                                <a href="">新疆</a>
                                <a href="">北海</a>
                                <a href="">九华山</a>
                                <a href="">太原</a>
                                <a href="">张家口</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt class="title">热门景点</dt>
                            <dd>
                                <a href="">北京故宫</a>
                                <a href="">东北滑雪</a>
                                <a href="">恭王府</a>
                                <a href="">长城</a>
                                <a href="">青城山大熊猫基地</a>
                                <a href="">峨眉山</a>
                                <a href="">都江堰</a>
                                <a href="">长恨歌表演</a>
                                <a href="">兵马俑</a>
                                <a href="">大唐芙蓉园</a>
                                <a href="">三亚日游</a>
                                <a href="">厦门鼓浪屿</a>
                                <a href="">千岛湖</a>
                                <a href="">呼伦贝尔草原</a>
                                <a href="">希拉穆仁草原</a>
                                <a href="">大理日游</a>
                                <a href="">杭州</a>
                                <a href="">重庆两江夜游船票</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="menu" data-t="jp">
                        <dl>
                            <dt>日本</dt>
                            <dd>
                                <a href="#">东京</a>
                                <a href="#">大阪</a>
                                <a href="#">冲绳</a>
                                <a href="#">北海道</a>
                                <a href="#">札幌</a>
                                <a href="#">京都</a>
                                <a href="#">名古屋</a>
                                <a href="#">福冈</a>
                                <a href="#">长崎</a>
                                <a href="#">鹿儿岛</a>
                                <a href="#">JR</a>
                                <a href="#">Pass</a>
                                <a href="#">米其林餐厅</a>
                                <a href="#">东京迪士尼</a>
                                <a href="#">大阪环球影城</a>
                                <a href="#">冲绳一日游</a>
                                <a href="#">City</a>
                                <a href="#">Walk</a>
                                <a href="#">西瓜卡</a>
                                <a href="#">京都日游</a>
                                <a href="#">和服体验</a>
                                <a href="#">包车服务</a>
                                <a href="#">富士山日游</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="menu" data-t="as">
                        <dl>
                            <dt>泰新马</dt>
                            <dd>
                                <a href="#">普吉岛</a>
                                <a href="#">清迈</a>
                                <a href="#">曼谷</a>
                                <a href="#">苏梅岛</a>
                                <a href="#">甲米</a>
                                <a href="#">芭堤雅</a>
                                <a href="#">拜县</a>
                                <a href="#">新加坡</a>
                                <a href="#">马来西亚</a>
                                <a href="#">沙巴</a>
                                <a href="#">吉隆坡</a>
                                <a href="#">皇帝岛</a>
                                <a href="#">泰国人妖</a>
                                <a href="#">泰国丛林飞跃</a>
                                <a href="#">泰国spa按摩</a>
                                <a href="#">清迈夜间动物园</a>
                                <a href="#">泰拳表演清莱一日游</a>
                                <a href="#">新加坡环球影城</a>
                                <a href="#">新加坡日游</a>
                                <a href="#">新加坡滨海湾花园</a>
                                <a href="#">沙巴美人鱼岛</a>
                                <a href="#">沙巴红树林萤火虫</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>东南亚</dt>
                            <dd>
                                <a href="#">巴厘岛</a>
                                <a href="#">长滩岛</a>
                                <a href="#">马尼拉</a>
                                <a href="#">薄荷岛</a>
                                <a href="#">美娜多芽庄</a>
                                <a href="#">岘港</a>
                                <a href="#">富国岛</a>
                                <a href="#">柬埔寨</a>
                                <a href="#">缅甸</a>
                                <a href="#">老挝</a>
                                <a href="#">文莱</a>
                                <a href="#">蓝梦岛</a>
                                <a href="#">巴厘岛SPA</a>
                                <a href="#">网红漂浮下午茶</a>
                                <a href="#">珍珠岛游乐园</a>
                                <a href="#">富国岛浮潜海钓</a>
                                <a href="#">吴哥窟</a>
                                <a href="#">西哈努克</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>西亚</dt>
                            <dd>
                                <a href="#">马尔代夫</a>
                                <a href="#">斯里兰卡</a>
                                <a href="#">印度</a>
                                <a href="#">尼泊尔</a>
                                <a href="#">格鲁吉亚阿塞拜疆</a>
                                <a href="#">亚美尼亚</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="menu" data-t="eu">
                        <dl>
                            <dt>欧洲</dt>
                            <dd>
                                <a href="#">法国</a>
                                <a href="#">意大利</a>
                                <a href="#">土耳其</a>
                                <a href="#">俄罗斯</a>
                                <a href="#">西班牙</a>
                                <a href="#">瑞士</a>
                                <a href="#">英国</a>
                                <a href="#">希腊</a>
                                <a href="#">荷兰</a>
                                <a href="#">德国</a>
                                <a href="#">捷克</a>
                                <a href="#">葡萄牙</a>
                                <a href="#">奥地利</a>
                                <a href="#">瑞典</a>
                                <a href="#">丹麦</a>
                                <a href="#">挪威</a>
                                <a href="#">冰岛</a>
                                <a href="#">芬兰</a>
                                <a href="#">罗瓦涅米</a>
                                <a href="#">奥斯陆</a>
                                <a href="#">雷克雅未克</a>
                                <a href="#">因特拉肯</a>
                                <a href="#">巴塞罗那</a>
                                <a href="#">伦敦</a>
                                <a href="#">巴黎</a>
                                <a href="#">塞纳河</a>
                                <a href="#">慕尼黑</a>
                                <a href="#">普罗旺斯</a>
                                <a href="#">温莎日游</a>
                                <a href="#">巴黎迪斯尼</a>
                                <a href="#">伊斯坦布</a>
                                <a href="#">尔阿尔罕布拉宫</a>
                                <a href="#">唐顿庄园</a>
                                <a href="#">埃菲尔铁塔</a>
                                <a href="#">凡尔赛宫</a>
                                <a href="#">北欧破冰船</a>
                                <a href="#">极光之旅</a>
                                <a href="#">英国天空岛</a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>美洲</dt>
                            <dd>
                                <a href="#">美国</a>
                                <a href="#">加拿大</a>
                                <a href="#">墨西哥</a>
                                <a href="#">巴西</a>
                                <a href="#">阿根廷</a>
                                <a href="#">智利</a>
                                <a href="#">秘鲁</a>
                                <a href="#">玻利维亚</a>
                                <a href="#">洛杉矶</a>
                                <a href="#">纽约</a>
                                <a href="#">拉斯维加斯</a>
                                <a href="#">旧金山</a>
                                <a href="#">圣地亚哥芝加哥</a>
                                <a href="#">西雅图</a>
                                <a href="#">华盛顿</a>
                                <a href="#">奥兰多</a>
                                <a href="#">夏威夷</a>
                                <a href="#">塞班岛</a>
                                <a href="#">关岛</a>
                                <a href="#">环球影城</a>
                                <a href="#">迪士尼</a>
                                <a href="#">演出票</a>
                                <a href="#">尼亚加拉大瀑布</a>
                                <a href="#">帝国大厦</a>
                                <a href="#">奥特莱斯</a>
                                <a href="#">黄石国家公园</a>
                                <a href="#">纽约大都会博物馆</a>
                                <a href="#">美国大峡谷西峡</a>
                                <a href="#">拉斯维加斯摩天轮</a>
                                <a href="#">羚羊峡谷</a>
                                <a href="#">马蹄湾</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="menu" data-t="au">
                        <dl>
                            <dt>澳新 南太平洋</dt>
                            <dd>
                                <a href="#">墨尔本</a>
                                <a href="#">悉尼</a>
                                <a href="#">黄金海岸</a>
                                <a href="#">凯恩斯</a>
                                <a href="#">布里斯班奥克兰</a>
                                <a href="#">斐济</a>
                                <a href="#">珀斯</a>
                                <a href="#">圣灵群岛</a>
                                <a href="#">大堡礁</a>
                                <a href="#">墨尔本之星</a>
                                <a href="#">悉尼热气球</a>
                                <a href="#">水上飞机</a>
                                <a href="#">海港大桥</a>
                                <a href="#">皇后镇霍比特人村</a>
                                <a href="#">怀托莫萤火虫洞</a>
                                <a href="#">米尔福德峡湾</a>
                                <a href="#">新西兰滑雪</a>
                                <a href="#">瓦纳卡</a>
                                <a href="#"></a>
                            </dd>
                        </dl>
                        <dl>
                            <dt>中东非</dt>
                            <dd>
                                <a href="#">迪拜</a>
                                <a href="#">摩洛哥</a>
                                <a href="#">毛里求斯</a>
                                <a href="#">埃及</a>
                                <a href="#">塞舌尔</a>
                                <a href="#">马达加斯加</a>
                                <a href="#">以色列</a>
                                <a href="#">肯尼亚</a>
                                <a href="#">南非</a>
                                <a href="#">伊朗</a>
                                <a href="#">约旦</a>
                                <a href="#">突尼斯</a>
                                <a href="#">迪拜</a>
                                <a href="#">塔法拉利主题公园</a>
                                <a href="#">迪拜七星帆船酒店用餐</a>
                                <a href="#">夜游迪拜河</a>
                                <a href="#">亚特兰蒂斯水上乐园</a>
                                <a href="#">动物大迁徙</a>
                                <a href="#">撒哈拉沙漠</a>
                                <a href="#">金字塔</a>
                                <a href="#">纳米比亚</a>
                                <a href="#"></a>
                            </dd>
                        </dl>
                    </div>
                    <div class="menu" data-t="hk">
                        <dl>
                            <dt>港澳台</dt>
                            <dd>
                                <a href="#">香港</a>
                                <a href="#">澳门</a>
                                <a href="#">台北</a>
                                <a href="#">高雄</a>
                                <a href="#">香港迪士尼</a>
                                <a href="#">香港海洋公园</a>
                                <a href="#">交通接驳</a>
                                <a href="#">澳门塔</a>
                                <a href="#">新濠天地水舞间</a>
                                <a href="#">澳门豪华自助</a>
                                <a href="#">台北101</a>
                                <a href="#">台湾美食</a>
                            </dd>
                        </dl>
                    </div>
                </div>
            </nav>
        </div>

    </section>

    <!-- <script src="js/carousel.js"></script> -->
    <script src="js/menu.js"></script>

    <!-- 四张图片部分 -->
    <section class="section-hot clearfix">
        <div class="center-wrap">
            <ul>
                <li>
                    <a href="#"><img src="images/small01.png" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="images/small02.png" alt=""></a>

                </li>
                <li>
                    <a href="#"><img src="images/small03.png" alt=""></a>

                </li>
                <li>
                    <a href="#"><img src="images/small04.png" alt=""></a>

                </li>
            </ul>
        </div>
    </section>

    <!--  新鲜甩尾部分 -->

    <section class="fresh">
        <div class="center-wrap">
            <div class="dep-spec clearfix">
                <h2 class="title">新鲜甩尾</h2>
                <em class="text-decoration common">每日不可不看的好货</em>
            </div>
            <ul>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw1.png" alt="">
                        </div>
                        <div class="word-box">
                            北京直飞马尔代夫6-7天往返含税机票（首都航空/售完为止）…
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw2.png" alt="">
                        </div>
                        <div class="word-box">
                            [甩尾狂欢] 北京/天津直飞日本东京/大阪/冲绳/札幌/福冈4-7…
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw3.png" alt="">
                        </div>
                        <div class="word-box">
                            [拒签全退][全国25城联运] 北京往返格鲁吉亚+阿塞拜疆7-30天自由行
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw4.png" alt="">
                        </div>
                        <div class="word-box">
                            [樱花季] 北京直飞东京/大阪/名古屋/冲绳/札幌/福冈/仙台2-30天…
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw5.png" alt="">
                        </div>
                        <div class="word-box">
                            [指定班期特惠][全程中文伴游] 摩洛哥全景深度10日游（卡萨进…)
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw6.png" alt="">
                        </div>
                        <div class="word-box">
                            [旅游行] 北京直飞东京/大阪/名古屋/冲绳/札幌/福冈/仙台12-15天…
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw7.png" alt="">
                        </div>
                        <div class="word-box">
                            马来西亚天空之镜+河口赏鹰+夜游萤火虫+寻找蓝眼泪（马来西亚瓜…)
                        </div>
                    </a>
                </li>
                <li>
                    <a href="">
                        <div class="pic-box">
                            <img src="images/xxsw8.png" alt="">
                        </div>
                        <div class="word-box">
                            北京直飞马尔代夫6-7天往返含税机票（首都航空/售完为止）…
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <!-- 机酒自由行部分 -->
    <section class="jijiu content-part">
        <div class="center-wrap">
            <div class="nav-top clearfix">
                <h2 class="nav-title">机酒自由行</h2>
                <em class="nav-text common">挑选全球机票、酒店、邮轮等旅行产品</em>
                <nav>
                    <ul>
                        <li><a href="">近期好货</a></li>
                        <li><a href="">新品汇聚</a></li>
                        <li><a href="">定制游</a></li>
                        <li><a href="">国内推荐</a></li>
                        <li><a href="">优惠机票</a></li>
                        <li><a href="">热门海岛</a></li>
                        <li><a href="">热门海岛</a></li>
                        <li class="current"><a href="">热卖签证</a></li>
                    </ul>
                </nav>
            </div>
            <div class="bottom">
                <ul>
                    <li class="big-grid">
                        <a href="#">
                            <div class="picbox"> <img src="images/jjzyx1.png" alt=""> </a>
                        </div>
                        <span class="triangle">机票</span>
                        <div class="info">
                            <p>
                                [樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返
                            </p>
                            <p>
                                含税机票【甩尾/多团期】
                            </p>
                        </div>
                    </li>
                    <li class="small-grid">

                        <a href="#">
                            <img src="images/jjzyx2.png" alt=""></a>
                        <span class="shapes ">遨游</span>
                        <div class="word-box">
                            北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                        </div>

                        </a>
                    </li>
                    <li class="small-grid">
                        <a href="#">
                            <img src="images/jjzyx3.png" alt=""></a>
                        <span class="shapes ">团建</span>
                        <div class="word-box">
                            北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                        </div>
                        </a>
                    </li>
                    <li class="small-grid">
                        <a href="#">
                            <img src="images/jjzyx4.png" alt=""></a>
                        <span class="shapes ">旅行</span>
                        <div class="word-box">
                            北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                        </div>
                        </a>
                    </li>
                    <li class="small-grid">
                        <a href="#">
                            <img src="images/jjzyx5.png" alt=""></a>
                        <span class="shapes ">玩乐</span>
                        <div class="word-box">
                            北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                        </div>
                        </a>
                    </li>
                    <li class="small-grid">
                        <a href="#">
                            <img src="images/jjzyx6.png" alt=""></a>
                        <span class="shapes ">出行</span>
                        <div class="word-box">
                            北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                        </div>
                        </a>
                    </li>
                    <li class="pro-grid lookmore">
                        <p class="more">查看更多</p>
                        <p>机酒自由行产品</p>
                        <p class="iconfont logo">&#xe602;</p>
                        <ul>
                            <li>
                                <a href="#">机票</a>
                            </li>
                            <li>
                                <a href="#">|</a>
                            </li>
                            <li>
                                <a href="#">酒店</a>
                            </li>
                            <li>
                                <a href="#">|</a>
                            </li>
                            <li>
                                <a href="#">机+酒</a>
                            </li>
                            <li>
                                <a href="#">|</a>
                            </li>
                            <li>
                                <a href="#">游轮</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 当地玩乐 -->

    <section class="ddwl content-part">
        <div class="center-wrap">
            <div class="nav-top clearfix">
                <h2 class="nav-title">当地玩乐</h2>
                <em class="nav-text common">像当地人一样，体验本土的吃喝玩乐</em>
                <nav>
                    <ul>
                        <li><a href="">国内</a></li>
                        <li><a href="">日本</a></li>
                        <li><a href="">美国</a></li>
                        <li><a href="">新西兰</a></li>
                        <li><a href="">澳大利亚</a></li>
                        <li><a href="">韩国</a></li>
                        <li><a href="">法国</a></li>
                        <li class="current"><a href="">德国</a></li>
                    </ul>
                </nav>
            </div>
            <div class="ddwl-site ">
                <div class="content">
                    <div class="pic">
                        <img src="images/ddwl1.png" alt="">
                        <div class="info">
                            <p class="pro-name">
                                [樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返
                            </p>
                            <p class="pro-left">
                                城市玩乐
                            </p>
                            <p class="pro-right"><span>199</span>元起</p>
                        </div>
                    </div>
                    <div class="content-bottom">
                        <ul>
                            <li class="left-pic"><img src="images/ddwl2.png" alt=""></li>
                            <li class="rig-word"> [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</li>
                        </ul>
                    </div>
                </div>
                <div class="content">
                    <div class="content-bottom">
                        <ul>
                            <li class="left-pic"><img src="images/ddwl3.png" alt=""></li>
                            <li class="rig-word"> [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</li>
                        </ul>
                    </div>
                    <div class="content-bottom">
                        <ul>
                            <li class="left-pic"><img src="images/ddwl4.png" alt=""></li>
                            <li class="rig-word"> [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</li>
                        </ul>
                    </div>
                    <div class="content-bottom">
                        <ul>
                            <li class="left-pic"><img src="images/ddwl5.png" alt=""></li>
                            <li class="rig-word"> [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</li>
                        </ul>
                    </div>
                </div>
                <div class="content">
                    <div class="content-bottom">
                        <ul>
                            <li class="left-pic"><img src="images/ddwl2.png" alt=""></li>
                            <li class="rig-word"> [樱花季] 北京/天津直飞东京/大阪/名古屋/福冈/广岛/北海道/冲绳往返…</li>

                        </ul>
                        <ul>
                            <li class="ddwl red-content lookmore">
                                <p class="more">查看更多</p>
                                <p>机酒自由行产品</p>
                                <p class="iconfont logo">&#xe602;</p>
                                <ul>
                                    <li>
                                        <a href="#">WiFi/电话卡</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>

                                    <li>
                                        <a href="#">交通票券</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">景点门票</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">特色体验</a>
                                    </li>
                                </ul>
                            </li>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 特色体验 -->
    <section class="tsty content-part">
        <div class="center-wrap">
            <div class="hd">
                <h2>特色当地体验</h2>
            </div>
            <div class="pic">
                <ul>
                    <li>
                        <a href="">
                            <img src="images/tsddty1.png" alt="">
                        </a>
                        <div class="word-content">
                            <p class="text-description"> 香港迪士尼乐园门票(一日 / 两日) - 无需换票扫码入园）</p>
                            <p class="price">
                                <span class="score">★ 4.8</span>
                                <span class="comment">（92833评价)2334.69k 人参加过</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tsddty2.png" alt="">
                        </a>
                        <div class="word-content">
                            <p class="text-description"> 罗马金宫剧场人妖秀</p>
                            <p class="price text-price">
                                <span class="score ">★ 4.8</span>
                                <span class="comment">（92833评价)2334.69k 人参加过</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tsddty3.png" alt="">

                        </a>
                        <div class="word-content">
                            <p class="text-description"> 京都和服体验 - 梦馆</p>
                            <p class="price text-price">
                                <span class="score">★ 4.8</span>
                                <span class="comment">（92833评价)2334.69k 人参加过</span>
                            </p>
                        </div>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tsddty4.png" alt="">

                        </a>
                        <div class="word-content">
                            <p class="text-description"> 英国巨石阵 & 温莎城堡 & 巴斯罗马浴场一日游</p>
                            <p class="price">
                                <span class="score">★ 4.8</span>
                                <span class="comment">（92833评价)2334.69k 人参加过</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>

    <!-- 深度旅行 -->
    <nav class="sdlx">
        <div class="center-wrap">
            <section class="sdlx content-part">
                <div class="center-wrap">
                    <div class="nav-top clearfix">
                        <h2 class="nav-title">最世界·深度旅行</h2>
                        <em class="nav-text common">摆脱千篇一律的旅行，探索属于自己的世界</em>
                        <nav>
                            <ul>

                                <li class="current"><a href="">CityWalk</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li class="big-grid">
                                <div class="mask">
                                    <div class="circle">
                                        <p>城市</p>
                                        <p>CityWalk</p>
                                    </div>
                                    <em>【CityWalk】 大阪浪漫樱花城—美食、动漫和不为人知的快乐生活</em>
                                </div>
                                <a href="#"> <img src="images/yh.png" alt=""></a>

                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/zsj2.png" alt="">

                                </a>
                                <div class="word-box">
                                    北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                                </div>

                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/zsj3.png" alt="">

                                </a>
                                <div class="word-box">
                                    北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/zsj4.png" alt="">

                                </a>

                                <div class="word-box">
                                    北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/zsj5.png" alt="">


                                </a>
                                <div class="word-box">
                                    北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/zsj6.png" alt="">


                                </a>
                                <div class="word-box">
                                    北京/上海/南京/杭州直飞巴厘岛5-7天往返含税机票（赠送旅游意外险…
                                </div>
                            </li>
                            <li class="pro-grid lookmore">
                                <p class="more">查看更多</p>
                                <p>深度旅行产品</p>
                                <p class="iconfont logo">&#xe602;</p>
                                <ul>
                                    <li>
                                        <a href="#">日游</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">周末</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">亲子</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">长线</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
        </div>
    </nav>

    <!-- 跟团半自助由 -->
    <nav class="gtyx">
        <div class="center-wrap">
            <section class="gtyx content-part">
                <div class="center-wrap">
                    <div class="nav-top clearfix">
                        <h2 class="nav-title">跟团/半自助游</h2>
                        <em class="nav-text common">旅游需要好的选择，踏实省心</em>
                        <nav>
                            <ul>

                                <li><a href="">CityWalk</a></li>
                                <li class="current"><a href="">半自助游</a></li>
                            </ul>
                        </nav>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li class="big-grid">
                                <a href="#"> <img src="images/yh.png" alt=""></a>
                                <div class="mask">
                                    <div class="circle">
                                        <p>城市</p>
                                        <p>CityWalk</p>
                                    </div>
                                    <em>【CityWalk】 大阪浪漫樱花城—美食、动漫和不为人知的快乐生活</em>
                                </div>

                            </li>
                            <li class="small-grid">

                                <a href="#">
                                    <img src="images/gt2.png" alt="">



                                </a>
                                <div class="word-box">
                                    成都/西安直飞清迈+拜县6-7天半自助游（2-8人纯玩私家小包团+萌妹…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/gt3.png" alt="">

                                </a>
                                <div class="word-box">
                                    [一价全含] 北京直飞日本东京+大阪+名古屋+京都6/7天深度游（全程…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/gt4.png" alt="">
                                </a>
                                <div class="word-box">
                                    天津直飞芽庄5-7天半自助游（优质越南/越捷航空，12天自由行/赠送京…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/gt5.png" alt="">
                                </a>
                                <div class="word-box">
                                    广州直飞美娜多5-6半自助游（班达尼莫公园+布纳肯浮潜+1-2天自由活…
                                </div>
                            </li>
                            <li class="small-grid">
                                <a href="#">
                                    <img src="images/gt6.png" alt="">
                                </a>
                                <div class="word-box">
                                    (免签入境）深圳直飞伊朗德黑兰8天5晚半自助游（含国际往返机票+伊…
                                </div>
                            </li>
                            <li class="pro-grid lookmore">
                                <p class="more">查看更多</p>
                                <p>精品跟团/半自助游</p>
                                <p class="iconfont logo">&#xe602;</p>
                                <ul class="relation">
                                    <li>
                                        <a href="#">亲子</a>
                                    </li>
                                    <li>
                                        <a href="#">|</a>
                                    </li>
                                    <li>
                                        <a href="#">长线</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </section>
        </div>
    </nav>
    </nav>


    <!-- 尾部 -->
    <nav class="footer">
        <div class="center-wrap">
            <div class="top">
                <ul class="clearfix">
                    <li><a href="">机酒自由行</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">当地玩乐</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">优惠机票</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">签证</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">马尔代夫</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">邮轮</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">租车自驾</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">欧洲铁路</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">新鲜甩尾</a></li>
                    <li><a href="#">|</a></li>
                    <li><a href="">深度旅行</a></li>
                </ul>
            </div>
            <div class="dlbox clearfix">
                <dl class="txfw">
                    <dt>贴心服务</dt>
                    <dd>我们收集慕云游者的真实诉求，找寻特色旅行目的地，让慕云游者放心出行</dd>
                </dl>
                <dl class="ccsx">
                    <dt>层层筛选</dt>
                    <dd>对旅游产品供应商严格筛选，资质层层把关</dd>
                </dl>
                <dl class="axph">
                    <dt>安心陪护</dt>
                    <dd>对慕云游者的购买进行跟踪服务以及质量监控，生效投诉先行赔付，出现问题及时解决</dd>
                </dl>
            </div>
        </div>
    </nav>

    <!-- 版权部分 -->
    <nav class="personal">
        <div class="center-wrap">
            <div class="personal-top clearfix">
                <h1 class="personal-title">暮云游商城</h1>
                <p class="text-decoration">
                    从一张机票、一家酒店的订购，到一次暖心的接机服务、一张轻松融入当地的交通卡让我们带你探索这个世界
                </p>
            </div>
            <div class="personal-bottom">
                <ul class="clearfix">
                    <li><a href="">关于慕云游商城</a></li>
                    <li><a href="">|</a></li>
                    <li><a href="">服务与隐私</a></li>
                    <li><a href="">|</a></li>

                    <li><a href="">联系我们</a></li>
                    <li><a href="">|</a></li>

                    <li><a href="">旅游度假资质</a></li>
                    <li><a href="">|</a></li>

                    <li><a href="">营业执照</a></li>
                    <li><a href="">|</a></li>

                    <li><a href="">投诉建议</a></li>
                </ul>
            </div>
            <div class="copyrights">
                &copy; 2020 imooc.com  京ICP备 12003892号-11 京公网安备11010802030151号 <a href="">营业执照</a>
            </div>
        </div>
    </nav>

    <!--  返回顶部 -->
    <a href="javascript:;" class="backtotop" id="backtotop">返回<br/>顶部</a>

    <script src="js/backtotop.js"></script>

</body>

</html>